﻿@model ServeNHL.Models.eventViewModel
@{
    ViewBag.Title = "Event Form";
    Layout = "~/Views/Shared/_Layout.cshtml";

    var vcl = ServeNHL.Models.VCLViewModel.getActiveVCLForDropdown();
    var ec = ServeNHL.Models.eventViewModel.getEventCatForDropdown();
}

<div class="row">
    <div class="spacer7"></div>
    <div class="header col-lg-12 col-md-12 col-sm-12 col-xs-12 ">

        <div class="signupLogo">Event Form</div>
    </div>
</div>
<div class="spacer7"></div>
@using (Html.BeginForm("SaveEvent", "Events", "POST"))
{
    @Html.AntiForgeryToken()

    <input type="hidden" name="eventID" value="" />

    <div class="row">
       
        <div class="former1 col-lg-6 col-md-6 col-sm-6 col-xs-6">
            <label for="eventName">Event Name:</label>
        </div>
        <div class="former2 col-lg-6 col-md-6 col-sm-6 col-xs-6">
            <input type="text" name="eventName" id="eventName" />
        </div>
        
    </div>

    <div class="row">
        <div class="former1 col-lg-6 col-md-6 col-sm-6 col-xs-6">
            <label for="eventCategory">Event Category:</label>
        </div>
        <div class="former2 col-lg-6 col-md-6 col-sm-6 col-xs-6">
            <select name="eventCategory" id="eventCategory">
               
                <option value="0">Please Select</option>
                @foreach (var item in ec)
                {
                    <option value="@Html.Raw(item.EVENT_CAT_ID)">@Html.Raw(item.EVENT_CAT_DESC)</option>
                }
            </select>
        </div>
    </div>


    <div class="row">
        <div class="former1 col-lg-6 col-md-6 col-sm-6 col-xs-6">
            <label for="eventDescription">Event Description:</label>
        </div>
        <div class="former2 col-lg-6 col-md-6 col-sm-6 col-xs-6">
            <textarea name="eventDescription" id="eventDescription"></textarea>
        </div>
    </div>

    <div class="row">
        <div class="former1 col-lg-6 col-md-6 col-sm-6 col-xs-6">
            <label for="eventStartDate">Event Start Date:</label>
        </div>
        <div class="former2 col-lg-6 col-md-6 col-sm-6 col-xs-6">
            <input type="text" name="eventStartDate" id="eventStartDate" />
        </div>
    </div>

    <div class="row">
        <div class="former1 col-lg-6 col-md-6 col-sm-6 col-xs-6">
            <label for="eventEndDate">Event End Date:</label>
        </div>
        <div class="former2 col-lg-6 col-md-6 col-sm-6 col-xs-6">
            <input type="text" name="eventEndDate" id="eventEndDate" />
        </div>
    </div>

    <div class="row">
        <div class="former1 col-lg-6 col-md-6 col-sm-6 col-xs-6">
            <label for="eventMinParticipants">Minimum Number of Volunteers Needed:</label>
        </div>
        <div class="former2 col-lg-6 col-md-6 col-sm-6 col-xs-6">
            <input type="text" name="eventMinParticipants" id="eventMinParticipants" />
        </div>
    </div>

    <div class="row">
        <div class="former1 col-lg-6 col-md-6 col-sm-6 col-xs-6">
            <label for="eventMaxParticipants">Maximum Number of Volunteers Needed:</label>
        </div>
        <div class="former2 col-lg-6 col-md-6 col-sm-6 col-xs-6">
            <input type="text" name="eventMaxParticipants" id="eventMaxParticipants" />
        </div>
    </div>

    <div class="row">
        <div class="former1 col-lg-6 col-md-6 col-sm-6 col-xs-6">
            <label for="eventIsNeed">Is this a Church Need?</label>
        </div>
        <div class="former2 col-lg-6 col-md-6 col-sm-6 col-xs-6">
            <select name="eventIsNeed" id="eventIsNeed">
                <option value="0">Please Select</option>
                <option value="0">No</option>
                <option value="1">Yes</option>
            </select>
        </div>
    </div>

    <div class="row">
        <div class="former1 col-lg-6 col-md-6 col-sm-6 col-xs-6">
            <label for="eventVLC">Limit Volunteers to folowing list:</label>
        </div>
        <div class="former2 col-lg-6 col-md-6 col-sm-6 col-xs-6">
            <select name="eventVLC" id="eventVLC">
                <option value="0">Please Select</option>
                @foreach (var item in vcl)
                {
                    <option value="@Html.Raw(item.VCL_ID)">@Html.Raw(item.LIST_DESC)</option>
                }
            </select>
        </div>
    </div>
    <div class="row">
        <div class="former3  col-lg-12 col-md-12 col-sm-12 col-xs-12">
            <div class="spacer7"></div>
            <input type="submit" value="Submit Event" />
        </div>
    </div>
}
